<template>
   <el-scrollbar height="400px">
      <el-table :data="props.data" style="width: 100%" max-height="400" height="400" stripe
         :header-cell-style="{ 'backgroundColor': 'rgba(165, 180, 203, 0.2)' }">
         <el-table-column prop="PatientName" label="姓名" />
         <el-table-column prop="PatientSex" label="性别" />
         <el-table-column prop="PatientAge" label="年龄" />
         <el-table-column prop="PatienType" label="患者类型" />
         <el-table-column prop="VenueName" label="场馆" />
         <el-table-column prop="MedicalPointName" label="医疗点名称" />
         <el-table-column prop="MedicalPointDoctor" label="医疗点医生" />
         <el-table-column prop="AmbulanceName" label="车辆名称" />
         <el-table-column prop="AmbulanceDoctor" label="车辆医生" />
         <el-table-column prop="HospitalName" label="医院名称" />
         <el-table-column prop="HospitalDoctor" label="医院医生" />
      </el-table>
   </el-scrollbar>
</template>
<script setup>
const props = defineProps({
   data: {
      type: Array,
      default: () => []
   }
})
</script>

<style scoped>
.tree_icon {
   margin: 5px;
}

.tree_icon:hover {
   cursor: pointer;
   color: #758bfd;
}
</style>